<template>
  <el-container>
    <el-header>
      <Header />
    </el-header>
    <el-container>
      <el-aside :style="`width: ${isCollapse ? '64px' : '200px'}`">
        <Aside />
      </el-aside>
      <el-main>
        <Main />
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
import Aside from "./components/nav.vue";
import Header from "./components/nav-top.vue";
import Main from "./components/Main.vue";
import { mapState } from "vuex";
export default {
  name: "Layout",
  components: {
    Aside,
    Header,
    Main
  },
  computed: {
    ...mapState(["isCollapse"])
  }
};
</script>
